<template>
  <div class="">
    <el-form :model="detailForm"  class="elForm">

      <el-card class="box-card">
        <div slot="header" class="header-card">
          <span class="header-card-title">车辆信息</span>
        </div>
        <el-row :gutter="20">
          <el-col :span="8">
            <el-form-item label="车架号:">
              <span>{{ detailForm.vinNo }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="车辆性质:">
              <span>{{
                  selectDictLabel(dict.type.car_type, detailForm.carType)
                }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="行驶证所有人:">
              <span>{{ detailForm.vinNo }}</span>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="8">
            <el-form-item label="发动机号码:">
              <span>{{ detailForm.engineNo }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="车辆类型:">
              <span>{{ detailForm.carType }}</span>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="车辆种类:">
              <span>{{ detailForm.vehicleCategory }}</span>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row :gutter="20">
          <el-col :span="8">
            <el-form-item label="车辆品牌:">
              <span>{{ detailForm.brandName }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="车系:">
              <span>{{ detailForm.seriesName }}</span>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="年款:">
              <span>{{ detailForm.styleYear }}</span>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="8">
            <el-form-item label="车型:">
              <span>{{ detailForm.modelName }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="配置:">
              <span>{{ detailForm.config }}</span>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="档位:">
              <span>{{ detailForm.gearPosition }}</span>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="8">
            <el-form-item label="座位数:">
              <span>{{ detailForm.seatNum }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="燃油类型:">
              <span>{{ detailForm.fuelType }}</span>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="排量:">
              <span>{{ detailForm.liter }}</span>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="8">
            <el-form-item label="环保标准:">
              <span>{{ detailForm.environmentalStandards }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="车辆颜色:">
              <span>{{ detailForm.carColor }}</span>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="车辆状态:">
              <span>{{
                  selectDictLabel(
                      dict.type.car_business_type,
                      detailForm.businessType
                  )
                }}</span>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="8">
            <el-form-item label="发证日期:">
              <span>{{ detailForm.issuanceDate }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="车辆大区:">
              <span>{{ detailForm.region }}</span>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="所在城市:">
              <span>{{ detailForm.cityName }}</span>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="8">
            <el-form-item label="车辆随车物品:">
              <span>{{ detailForm.carAccompanying }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="车辆级别:">
              <span>{{ detailForm.carLevel }}</span>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="备用钥匙数量:">
              <span>{{ detailForm.spareKeyNum }}</span>
            </el-form-item>
          </el-col>
        </el-row>
      </el-card>

      <el-card class="box-card">
        <div slot="header" class="header-card">
          <span class="header-card-title">发票信息</span>
        </div>
        <el-row :gutter="20">
          <el-col :span="8">
            <el-form-item label="发票编码:">
              <span>{{ detailForm.invoiceNo }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="车辆类型:">
              <span>{{ detailForm.carType }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="购买方名称:">
              <span>{{ detailForm.buyerName }}</span>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="8">
            <el-form-item label="厂牌型号:">
              <span>{{ detailForm.factoryBrandModel }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="产地:">
              <span>{{ detailForm.producingAddr }}</span>
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="合格证号:">
              <span>{{ detailForm.qualifiedNo }}</span>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row :gutter="20">
          <el-col :span="8">
            <el-form-item label="发动机号码:">
              <span>{{ detailForm.engineNo }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="价税合计大写:">
              <span>{{ detailForm.priceTaxTotalUppercase }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="价税合计小写:">
              <span>{{ detailForm.priceTaxTotalLowercase }}</span>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="8">
            <el-form-item label="销货单位名称:">
              <span>{{ detailForm.salesUnitName }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="联系方式:">
              <span>{{ detailForm.contactPhone }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="纳税人识别号:">
              <span>{{ detailForm.taxpayerNo }}</span>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="8">
            <el-form-item label="账号:">
              <span>{{ detailForm.account }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="地址:">
              <span>{{ detailForm.address }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="账开户银行:">
              <span>{{ detailForm.bankName }}</span>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="8">
            <el-form-item label="增值税税率:">
              <span>{{ detailForm.purchaeTaxRate }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="主管税务机关代码:">
              <span>{{ detailForm.agencyCode }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="不含税价:">
              <span>{{ detailForm.noTaxPrice }}</span>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="8">
            <el-form-item label="完税凭证号码:">
              <span>{{ detailForm.taxPaymentVoucherNum }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="吨位:">
              <span>{{ detailForm.tonnage }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="限乘人数:">
              <span>{{ detailForm.limitedRidePerson }}</span>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="8">
            <el-form-item label="开票人:">
              <span>{{ detailForm.invoicingByName }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="备注:">
              <span>{{ detailForm.invoiceRemark }}</span>
            </el-form-item>
          </el-col>
        </el-row>
      </el-card>

      <el-card class="box-card">
        <div slot="header" class="header-card">
          <span class="header-card-title">车辆采购信息</span>
        </div>
        <el-row :gutter="20">
          <el-col :span="8">
            <el-form-item label="采购禀议号:">
              <span>{{ detailForm.purchaseNo }}</span>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="8">
            <el-form-item label="指导价:">
              <span>{{ detailForm.guidancePrice }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="采购单价:">
              <span>{{ detailForm.purchasePrice }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="供应商名称:">
              <span>{{ detailForm.supplierName }}</span>
            </el-form-item>
          </el-col>
        </el-row>
      </el-card>

    </el-form>
  </div>
</template>

<script>
export default {
  name: "index",
  dicts: ["car_business_type", "car_type"],
  props: {
    value: {
      type: Object,
      default: {},
    },
  },
  computed: {},
  watch: {
    value: {
      handler(newValue) {
        if (newValue) {
          this.detailForm = newValue;
        }
      },
      immediate: true,
      deep: true,
    },
  },
  data() {
    return {
      detailForm: {},
    };
  },
  created() {
  },
  mounted() {
  },
  methods: {},
};
</script>

<style scoped lang="scss">
@import "@/styles/cwgd/formScss.scss";
</style>


